<template>
  <h3>根组件</h3>
  <Parent />
</template>

<script>
import Parent from './components/Parent.vue';
export default {
  data() {
    return {
      message: {
        title: "根组件的数据标题",
        content: "根组件的数据内容是123456"
      }
    }
  },
  components: {
    Parent,
  },
  // provide: {
  //   // 传递静态数据
  //   message: "根组件的数据"
  // },
  // provide 和 inject 只能实现数据在组件树里，从上到下的传递，不能反向传递
  provide() {
    return {
      message: this.message
    }
  }
}
</script>

<style scoped></style>